import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'amfe-flexible';
import 'element-plus/dist/index.css'
import './style.css'
import pinia from './store'
import App from './App.vue'
import router from './route'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import 'element-plus/dist/index.css'
import './permission'

// 引入懒加载
import VueLazyload from 'vue-lazyload'
import errorimage from "./assets/R-C (6).jpg"
import loadimage from "./assets/R-C (6).jpg"

const app = createApp(App)
app.use(VueLazyload, {
	preLoad: 1.3,
	error: errorimage, //服务器的图片加载失败
	loading: loadimage, //服务器图片加载中
	attempt: 1
  })


app.component('')
// 注入路由
app.use(router).use(ElementPlus, {
	locale: zhCn,
})
import vue3videoPlay from 'vue3-video-play'
import 'vue3-video-play/dist/style.css'
app.use(vue3videoPlay)
import QR from './components/practive/QR/QR.vue';
import Headerbanner from './components/headerbanner/headerbanner.vue'
app.component('Headerbanner', Headerbanner)
app.component('QR', QR)
// 仓库
app.use(pinia)
// 挂载实例
app.mount('#app')
